﻿
/*
   <----------------------------------------------------->
   <--------------     Navigation Panel     ------------->
   <----------------------------------------------------->
*/

.dkpdnn_NavPanel {
 border-collapse: collapse;
 border-color: black;
 border-style: solid;
 border-width: 1px;
 margin-top: 6px;
 margin-bottom: 6px;
 width: 100%;
}

.dkpdnn_NavPanel td {
 border: none;
 background-image: url(images/grid_header.png);
 background-repeat: repeat-x;
 color: white;
 height: 28px;
 padding-left: 3px;
 padding-right: 3px;
 text-decoration: none;
 vertical-align: middle;
}

.dkpdnn_NavPanel a {
 color: white;
 font-weight: bold;
 text-decoration: none;
}

.dkpdnn_NavPanel a:hover {
 color: silver;
 font-weight: bold;
 text-decoration: none;
}

/*
   <----------------------------------------------------->
   <---------------     Bread Crumb     ----------------->
   <----------------------------------------------------->
*/

.dkpdnn_BreadCrumb {
 background: transparent;
 border: none;
 border-collapse: collapse;
 width: 100%;
}

.dkpdnn_BreadCrumb td {
 background: transparent;
 border: none;
 color: black;
 padding-left: 6px;
 padding-right: 6px;
}

/*
   <----------------------------------------------------->
   <--------------     Leader Board     ----------------->
   <----------------------------------------------------->
*/

.dkpdnn_LeaderBoard {
 background-color: #1D3953;
 border-collapse: collapse;
 margin-bottom: 6px;
 margin-top: 6px;
 width: 100%;
}

.dkpdnn_LeaderBoard_Grid {
 border-color: black;
 border-style: solid;
 border-width: 1px;
 vertical-align: top;
}

.dkpdnn_LeaderBoard_DeathKnights_Header {
 background-image: url(images/grid_header.png);
 background-repeat: repeat-x;
 border-color: black;
 border-style: solid;
 border-width: 1px;
 color: #C41F3B;
 font-weight: bold;
 height: 28px;
 text-align: center;
 width: 20%;
}

.dkpdnn_LeaderBoard_DeathKnights td {
 color: #C41F3B;
 padding-left: 3px;
 padding-right: 3px;
 width: 100%;
}

.dkpdnn_LeaderBoard_Druids_Header {
 background-image: url(images/grid_header.png);
 background-repeat: repeat-x;
 border-color: black;
 border-style: solid;
 border-width: 1px;
 color: #FF7C0A;
 font-weight: bold;
 height: 28px;
 text-align: center;
 width: 20%;
}

.dkpdnn_LeaderBoard_Druids td {
 color: #FF7C0A;
 padding-left: 3px;
 padding-right: 3px;
 width: 100%;
}

.dkpdnn_LeaderBoard_Hunters_Header {
 background-image: url(images/grid_header.png);
 background-repeat: repeat-x;
 border-color: black;
 border-style: solid;
 border-width: 1px;
 color: #AAD372;
 font-weight: bold;
 height: 28px;
 text-align: center;
 width: 20%;
}

.dkpdnn_LeaderBoard_Hunters td {
 color: #AAD372;
 padding-left: 3px;
 padding-right: 3px;
 width: 100%;
}

.dkpdnn_LeaderBoard_Mages_Header {
 background-image: url(images/grid_header.png);
 background-repeat: repeat-x;
 border-color: black;
 border-style: solid;
 border-width: 1px;
 color: #68CCEF;
 font-weight: bold;
 height: 28px;
 text-align: center;
 width: 20%;
}

.dkpdnn_LeaderBoard_Mages td {
 color: #68CCEF;
 padding-left: 3px;
 padding-right: 3px;
 width: 100%;
}

.dkpdnn_LeaderBoard_Paladins_Header {
 background-image: url(images/grid_header.png);
 background-repeat: repeat-x;
 border-color: black;
 border-style: solid;
 border-width: 1px;
 color: #F48CBA;
 font-weight: bold;
 height: 28px;
 text-align: center;
 width: 20%;
}

.dkpdnn_LeaderBoard_Paladins td {
 color: #F48CBA;
 padding-left: 3px;
 padding-right: 3px;
 width: 100%;
}

.dkpdnn_LeaderBoard_Priests_Header {
 background-image: url(images/grid_header.png);
 background-repeat: repeat-x;
 border-color: black;
 border-style: solid;
 border-width: 1px;
 color: white;
 font-weight: bold;
 height: 28px;
 text-align: center;
 width: 20%;
}

.dkpdnn_LeaderBoard_Priests td {
 color: white;
 padding-left: 3px;
 padding-right: 3px;
 width: 100%;
}

.dkpdnn_LeaderBoard_Rogues_Header {
 background-image: url(images/grid_header.png);
 background-repeat: repeat-x;
 border-color: black;
 border-style: solid;
 border-width: 1px;
 color: #FFF468;
 font-weight: bold;
 height: 28px;
 text-align: center;
 width: 20%;
}

.dkpdnn_LeaderBoard_Rogues td {
 color: #FFF468;
 padding-left: 3px;
 padding-right: 3px;
 width: 100%;
}

.dkpdnn_LeaderBoard_Shamans_Header {
 background-image: url(images/grid_header.png);
 background-repeat: repeat-x;
 border-color: black;
 border-style: solid;
 border-width: 1px;
 color: #1A3CAA;
 font-weight: bold;
 height: 28px;
 text-align: center;
 width: 20%;
}

.dkpdnn_LeaderBoard_Shamans td {
 color: #1A3CAA;
 padding-left: 3px;
 padding-right: 3px;
 width: 100%;
}

.dkpdnn_LeaderBoard_Warlocks_Header {
 background-image: url(images/grid_header.png);
 background-repeat: repeat-x;
 border-color: black;
 border-style: solid;
 border-width: 1px;
 color: #9382C9;
 font-weight: bold;
 height: 28px;
 text-align: center;
 width: 20%;
}

.dkpdnn_LeaderBoard_Warlocks td {
 color: #9382C9;
 padding-left: 3px;
 padding-right: 3px;
 width: 100%;
}

.dkpdnn_LeaderBoard_Warriors_Header {
 background-image: url(images/grid_header.png);
 background-repeat: repeat-x;
 border-color: black;
 border-style: solid;
 border-width: 1px;
 color: #C69B6D;
 font-weight: bold;
 height: 28px;
 text-align: center;
 width: 20%;
}

.dkpdnn_LeaderBoard_Warriors td {
 color: #C69B6D;
 padding-left: 3px;
 padding-right: 3px;
 width: 100%;
}

/*
   <----------------------------------------------------->
   <-------------------     Grid     -------------------->
   <----------------------------------------------------->
*/

.dkpdnn_Grid {
 border-style: solid;
 border-color: black;
 border-width: 1px;
 margin-top: 6px;
 width: 100%;
}

.dkpdnn_GridItem {
 background: #14293B;
}

.dkpdnn_GridItemMouseOver {
 background: #31628E;
}

.dkpdnn_GridAltItem {
 background: #1D3953;
}

.dkpdnn_GridAltItemMouseOver {
 background: #31628E;
}

.dkpdnn_GridGoodTextColor {
 color: lime;
}

.dkpdnn_GridBadTextColor {
 color: red;
}

/*
   <----------------------------------------------------->
   <--------------     Grid Check Column     ------------>
   <----------------------------------------------------->
*/

.dkpdnn_GridHeaderCheck {
 background-image: url(images/grid_header.png);
 background-repeat: repeat-x;
 border-color: black;
 border-style: solid;
 border-width: 1px;
 height: 28px;
 width: 24px;
}

.dkpdnn_GridItemCheck, .dkpdnn_GridAltItemCheck {
 border-color: black;
 border-style: solid;
 border-width: 1px;
 padding-bottom: 1px;
 padding-left: 3px;
 width: 24px;
}

/*
   <----------------------------------------------------->
   <--------------     Grid Image Column     ------------>
   <----------------------------------------------------->
*/

.dkpdnn_GridHeaderImage {
 background-image: url(images/grid_header.png);
 background-repeat: repeat-x;
 border-color: black;
 border-style: solid;
 border-width: 1px;
 height: 28px;
 width: 24px;
}

.dkpdnn_GridItemImage, .dkpdnn_GridAltItemImage {
 border-color: black;
 border-style: solid;
 border-width: 1px;
 padding-left: 3px;
 padding-right: 3px;
 padding-top: 3px;
 width: 24px;
}

/*
   <----------------------------------------------------->
   <--------------     Grid Text Column     ------------->
   <----------------------------------------------------->
*/

.dkpdnn_GridHeaderText {
 background-image: url(images/grid_header.png);
 background-repeat: repeat-x;
 border-color: black;
 border-style: solid;
 border-width: 1px;
 height: 28px;
 padding-left: 3px;
 padding-right: 3px;
 vertical-align: middle;
}

.dkpdnn_GridHeaderText a {
 color: white;
 font-weight: bold;
 text-decoration: none;
}

.dkpdnn_GridHeaderText a:hover {
 color: silver;
 font-weight: bold;
 text-decoration: none;
}

.dkpdnn_GridItemText, .dkpdnn_GridAltItemText {
 border-color: black;
 border-style: solid;
 border-width: 1px;
 color: white;
 height: 28px;
 padding-left: 3px;
 padding-right: 3px;
 vertical-align: middle;
}

/*
   <----------------------------------------------------->
   <------------     Grid Text Image Column     --------->
   <----------------------------------------------------->
*/

.dkpdnn_GridHeaderTextImage {
 background-image: url(images/grid_header.png);
 background-repeat: repeat-x;
 border-color: black;
 border-style: solid;
 border-width: 1px;
 height: 28px;
 padding-left: 3px;
 padding-right: 3px;
 vertical-align: middle;
 width: 10%;
}

.dkpdnn_GridHeaderTextImage a {
 color: white;
 font-weight: bold;
 text-decoration: none;
}

.dkpdnn_GridHeaderTextImage a:hover {
 color: silver;
 font-weight: bold;
 text-decoration: none;
}
.dkpdnn_GridItemTextImage, .dkpdnn_GridAltItemTextImage {
 border-color: black;
 border-style: solid;
 border-width: 1px;
 padding-top: 3px;
 text-align: center;
 width: 10%;
}

/*
   <----------------------------------------------------->
   <-------------     Grid Footer Panel     ------------->
   <----------------------------------------------------->
*/

.dkpdnn_GridFooter {
 background-color: #1D3953;
 border-collapse: collapse;
 border-color: black;
 border-style: solid;
 border-top-style: none;
 border-width: 1px;
 margin-bottom: 6px;
 width: 100%;
}

.dkpdnn_GridFooter td {
 border: none;
 color: white;
 height: 28px;
 padding-left: 3px;
 padding-right: 3px;
 text-align: center;
 text-decoration: none;
 vertical-align: middle;
}

.dkpdnn_GridFooter a {
 color: white;
 font-weight: bold;
 text-decoration: none;
}

.dkpdnn_GridFooter a:hover {
 color: silver;
 font-weight: bold;
 text-decoration: none;
}

/*
   <----------------------------------------------------->
   <------------------     Edit Panel     --------------->
   <----------------------------------------------------->
*/

.dkpdnn_EditPanel {
 background-color: #1D3953;
 border-collapse: collapse;
 margin-top: 7px;
 margin-bottom: 7px;
 width: 100%;
}

/*
   <----------------------------------------------------->
   <------------------     Edit Header     -------------->
   <----------------------------------------------------->
*/

.dkpdnn_EditHeader {
 background-image: url(images/grid_header.png);
 background-repeat: repeat-x;
 border-collapse: collapse;
 border-color: black;
 border-style: solid;
 border-width: 1px;
 color: white;
 height: 28px;
 padding-left: 3px;
 padding-right: 3px;
 text-decoration: none;
 vertical-align: middle;
 width: 100%;
}

.dkpdnn_EditHeader a {
 color: white;
 font-weight: bold;
 text-decoration: none;
}

.dkpdnn_EditHeader a:hover {
 color: silver;
 font-weight: bold;
 text-decoration: none;
}

/*
   <----------------------------------------------------->
   <----------------     Edit Body     ------------------>
   <----------------------------------------------------->
*/

.dkpdnn_EditBody {
 border: none;
}

.dkpdnn_EditBody td {
 border: none;
 color: white;
 padding-bottom: 1px;
 padding-left: 5px;
 padding-right: 5px;
 padding-top: 1px;
 text-decoration: none;
 vertical-align: middle;
}

.dkpdnn_EditBody a {
 color: white;
 font-weight: bold;
 text-decoration: none;
}

.dkpdnn_EditBody a:hover {
 color: silver;
 font-weight: bold;
 text-decoration: none;
}

/*
   <----------------------------------------------------->
   <------------------     Edit Footer     -------------->
   <----------------------------------------------------->
*/

.dkpdnn_EditFooter {
 background-image: url(images/grid_header.png);
 background-repeat: repeat-x;
 border-collapse: collapse;
 border-color: black;
 border-style: solid;
 border-width: 1px;
 color: white;
 height: 28px;
 padding-left: 3px;
 padding-right: 3px;
 text-decoration: none;
 vertical-align: middle;
 width: 100%;
}

.dkpdnn_EditFooter a {
 color: white;
 font-weight: bold;
 text-decoration: none;
}

.dkpdnn_EditFooter a:hover {
 color: silver;
 font-weight: bold;
 text-decoration: none;
}

.dkpdnn_Warning {
 color: red;
}